<template>


   <div>
      <section class="search">
       
         <HeaderTop title="搜索"></HeaderTop>
        <form class="search_form" action="#">
          <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
          <input type="submit" name="submit" class="search_submit">
        </form>
      </section>
    </div>
</template>

<script>
import HeaderTop from "../../components/HeaderTop/HeaderTop";

//引入封装好的api请求
import { reqCategorys,reqShops   ,reqLogout,reqUser,reqSmsLogin,reqSendCode,reqSingleCode,reqPwdLogin} from "../../api/index";
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {
    // reqCategorys().then((res) => {
    //   console.log(res);
    // });

    // let params = { latitude: 40.10038, longitude: 116.36867 }
    // reqShops(params).then(res=>{
    //     console.log(res.data)
    // })
    reqLogout().then(res=>{
      console.log('reqLogout',res)
    })

    reqUser().then(res=>{
      console.log('reqUser',res)
    })


  },
  methods: {},
  components: {
    HeaderTop,
  },
};
</script>

<style scoped lang='stylus'>
@import '../../common/stylus/mixins';

section         
  	&.search  //搜索
          width 100%
          .search_form
            clearFix()
            margin-top 45px
            background-color #fff
            padding 12px 8px
            input
              height 35px
              padding 0 4px
              border-radius 2px
              font-weight bold
              outline none
              &.search_input
                float left
                width 79%
                border 4px solid #f2f2f2
                font-size 14px
                color #333
                background-color #f2f2f2
              &.search_submit
                float right
                width 18%
                border 4px solid #02a774
                font-size 16px
                color #fff
                background-color #02a774
       
</style>
